/* 建议 */
<template>
  <div class="suggest">
    <Card :bordered="false">
      <p slot="title">投诉建议</p>
      <p>投诉电话：400-010-2222 &nbsp;&nbsp;&nbsp;&nbsp;投诉邮箱:</p>
      <p>尊敬的客户 您好！常州世贸对于您的不满意深表歉意，请您耐心填写投诉或建议信息，我们将第一时间处理您的反馈</p>
      <Form :model="formLeft" label-position="left" :label-width="150">
        <FormItem label="给您造成不满意的是：">
          <Select clearable style="width:200px;height: 20px;">
            <Option v-for="item in allItem" :value="item.value">{{item.value}}</Option>
          </Select>
        </FormItem>
        <FormItem label="投诉内容：">
          <Input type="textarea" :rows="8" placeholder="投诉内容/建议："/>
        </FormItem>
        <FormItem label="我们如何联系您？">
          <Row :gutter="16">
            <Col :lg="8">
              <Input placeholder="姓名"></Input>
            </Col>
            <Col :lg="8">
              <Input placeholder="电话"></Input>
            </Col>
          </Row>
        </FormItem>
        <Row>
          <Col :lg="{span:4,offset:14}" style="text-align:right">
            <Button type="primary" size="large" long>提交</Button>
          </Col>
        </Row>
      </Form>
    </Card>
  </div>
</template>

<script>
export default {
  data() {
    return {
      formLeft: {
        inputSelect: ""
      },
      allItem: [{ value: "a" }, { value: "b" }]
    };
  }
};
</script>

<style scoped>
</style>